<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
	<head>
		<title>Hẹn khám trực tuyến - <s:property value="video.name" /></title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="description" content='<s:property value="video.name" /> <s:property value="video.description" />' />
		<meta name="keywords" content='<s:property value="@com.ohs.fo.action.ActionUtil@genKeyword(video.name)"/>' />
	
<link href="<%= request.getContextPath() %>/css/video.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%= request.getContextPath() %>/js/jcarousellite_1.0.1.js"></script> 
<script type="text/javascript">

$(document).ready(function() {
	$(".carousel").jCarouselLite({
		btnPrev: $(".prev"),
		btnNext: $(".next"),
	    visible: 4
	});
});
</script>
</head>
	<body>
<div class="content left left-content">
<div class="left playerContainer">
	<object width="600" height="360">
	  <param name="movie" value='https://www.youtube.com/v/<s:property value="video.externalId"/>?version=3'></param>
	  <param name="allowFullScreen" value="true"></param>
	  <param name="allowScriptAccess" value="always"></param>
	  <embed src="https://www.youtube.com/v/<s:property value="video.externalId"/>?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="600" height="360"></embed>
	</object>
</div>
<div class="playerDetail">
<h2><s:property value="video.name" /></h2>
<p><s:property value="video.description" /></p>
</div>
<div class="crossSell">
	<div class='prev'><img src="<%= request.getContextPath() %>/images/carPrev-on.png" /></div>
	<div class="carousel">
		<ul>
			<s:iterator value="refVideos">
				<li>
					<a href='/video/<s:property value="id"/>'><div class="vidImg"><img alt='<s:property value="name"/>' src='<s:property value="thumbnail"/>'></div>
					<div class="vidInfo"><s:property value="name"/> 
					<s:if test='length != null && length != ""'>
						(<s:property value="length"/>)
					</s:if>
					</div></a>
				</li>
			</s:iterator>
		</ul>		
	</div>
	<div class='next'><img src="<%= request.getContextPath() %>/images/carouNext-on.png" /></div>
</div>
</div>
<jsp:include page="include/right-ads.jsp"></jsp:include>
</body>
</html>